@import '../../assets/styles/varibless.less';

.main {
  padding: 4px;
}

.containerBox {
  width: 100%;
  height: 850px;
  border: 1px solid #e0e0e0;
  position: relative;
  background: url('~@images/exhibitionMap/bg3.jpg') no-repeat top;
}

.normalMachineBox {
  /* width: 44px; */
  /* height: 32px; */
  /* background: url('~@images/exhibitionMap/normalMachine.png') no-repeat center; */
  position: absolute;
  cursor: pointer;
}

.machineInfoBox {
  width: 600px;
  height: 40px;
  top: -4px;
  left: 1340px;
  position: absolute;
  .title {
    font-size: 30px;
    font-weight: 600;
    color: #1d2531;
    line-height: 40px;
    height: 40px;
    margin-right: 20px;
    margin-bottom: 4px;
    span:last-child {
      margin-left: 16px;
    }
  }
  .content {
    .s1 {
      margin-right: 16px;
    }
    .s2 {
      margin-right: 8px;
    }
    .s3 {
      font-size: 18px;
      font-weight: 400;
      color: #1d2531;
      margin-right: 8px;
    }
    .s4 {
      font-size: 18px;
      font-weight: 400;
      color: #1d2531;
    }
  }
}

.normalMachineBox1 {
  width: 44px;
  height: 32px;
  background: url('~@images/exhibitionMap/normalMachine.png') no-repeat center;
  position: absolute;
  cursor: pointer;
  animation-delay: 0.8s;
}

/* @keyframes normalMachineBox1 {
  10% {
    opacity: 0.5;
  }

  90% {
    opacity: 1;
  }
} */
